<template>
	<view>
		<view class="select-day">
			<view class="cu-list menu card-menu margin-top sm-border">
				<view class="cu-item arrow clickC" @click="clickTime">
					<view class="content">
						<view class="cai-text-color cai-f-base">价格日期</view>
						<view class="cai-text-color cai-f-sm">请选择您要发布的价格行情日期</view>
					</view>
					<view class="action">
						7月23日
					</view>
				</view>
			</view>
		</view>
		<view class="page-news">
			<news-page />
		</view>
		
		<change-time
			@clickDefine="defineCall" 
			defineText="确认" 
			ref="changTimeModal"
			title="价格日期" 
			subtitle="2021-07-21 周二"
			@getFullYear="getFullYear"
			@getFullMonths="getFullMonths"
			@getFullDays="getFullDays"
			/>
	</view>
</template>

<script>
	import caiCustom from '@/components/cai-custom/index'
	import NewsPage from '../news/index.nvue'
	import changeTime from '@/components/modal/changeTime.vue'
	export default {
		components: {
			caiCustom,
			NewsPage,
			changeTime,
		},
		data() {
			return {
				
			};
		},
		methods: {
			getFullYear() {
				
			},
			getFullMonths() {
				
			},
			getFullDays() {
				
			},
			defineCall() {
				
			},
			clickTime() {
				this.$refs.changTimeModal.showModal()
			}
		}
	}
</script>

<style lang="scss">
.page-news{
	margin:  22rpx;
}
.cu-list{
	.cu-item{
		padding: 25rpx 0;
		padding-left: 22rpx;
		&:hover,&:active{
			opacity: 0.7;
		}
		.action{
			font-size: 29rpx;
		}
	}
	.cai-f-sm{
		color: #999;
		font-size: 22rpx;
	}
}
.cu-list.menu>.cu-item.arrow{
	padding-right: 66rpx;
}
.cu-list.card-menu{
	border-radius: 31.5rpx;
}
</style>
